
<!-- bidirectional data binding（双向数据绑定） -->
<template>
   <quill-editor
   v-model="content" 
   ref="myQuillEditor" 
   :options="editorOption" 
   @blur="onEditorBlur($event)">
  </quill-editor>
</template> 
<script>
// eslint-disable-next-line
/* eslint-disable */
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
import { quillEditor } from 'vue-quill-editor'
export default{
  components: {
    quillEditor
  },
  data(){
    return {
      content:null,
      editorOption:{}  //配置
    }
  },
  methods:{
    onEditorBlur(quill){//失去焦点事件
      this.$emit("onEditorBlur",quill,this.content)
    }
  }
}
</script> 
<style scoped lang="scss">
@import "../../public/sass/var.scss";
.quill-editor{
  // background-color: $btnbackgroundcolor;
}
.ql-snow .ql-stroke{
  fill: none;
  stroke: #f8f8f2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
</style> 

